{% extends 'base.html' %}
{% load static %}

{#{% block script %}#}
{#    <script src="{% static 'logs/js/logs_schedule.js' %}"></script>#}
{#{% endblock %}#}

{% block content %}

    <div class="container">
        <div class="row justify-content-lg-center">
            <div class="col-lg-12">
                <div class="row justify-content-lg-center mb-2">
                    <div class="col-lg-8">
                        <h2 class="text-center"><span
                                class="text-black-50">{{ log_date.year }}年{{ log_date.month }}月{{ log_date.day }}日</span>
                            子台日志</h2>
                    </div>
                    <div id="sign-in-div" class="col-lg-4 mt-3">
                        {% include 'logs/includes/common_log_form_sign_in.html' %}
                    </div>
                </div>

                <table id="station-datalog-table" class="table table-striped table-hover mb-4">
                    <caption>{{ log_date.year }}年{{ log_date.month }}月{{ log_date.day }}子台日志</caption>
                    <thead class="thead-dark">
                    <tr class="row mx-0">
                        <th scope="row" class="col-2">台站</th>
                        <th scope="row" class="col-2">断记开始</th>
                        <th scope="row" class="col-2">断记结束</th>
                        <th scope="row" class="col-2">断记时长(s)</th>
                        <th scope="row" class="col-2">连续率(%)</th>
                        <th scope="row" class="col-2">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% include 'logs/includes/partial_station_datalog_list.html' %}
                    </tbody>
                </table>
            </div>
        </div>
        <!-- modal-sign-in -->
        <div class="modal fade" id="modal-sign-in">
            <div class="modal-dialog">
                <div class="modal-content">
                </div>
            </div>
        </div>
        <!-- modal-station-datalog -->
        <div class="modal fade" id="modal-station-datalog">
            <div class="modal-dialog">
                <div class="modal-content">
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block script %}
    <script type="text/javascript">
        $.fn.bsModal = $.fn.modal.noConflict(); // 解决bootstrap和semantic中modal控件冲突,定义后bootstrap的modal方法使用bsModal替代
    </script>
    <script src="{% static 'logs/js/common_logs.js' %}"></script>
    <script src="{% static 'logs/js/station_datalog.js' %}"></script>

{% endblock %}
